	<style>
.news-views div{text-indent: 4em;}
</style>
@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2020-05-26 11:44:15
 * @version $Id$
 */

@keyframes warn {
    0% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.0;
    }
    25% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.1;
    }
    50% {
        transform: scale(0.5);
    -webkit-transform: scale(0.5);
        opacity: 0.3;
    }
    75% {
        transform: scale(0.8);
    -webkit-transform: scale(0.8);
        opacity: 0.6;
    }
    100% {
        transform: scale(1);
    -webkit-transform: scale(1);
        opacity: 0.0;
    }
}
@keyframes warn1 {
    0% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.0;
    }
    25% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.1;
    }
    50% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
    75% {
        transform: scale(0.5);
    -webkit-transform: scale(0.5);
        opacity: 0.6;
    }
    100% {
        transform: scale(0.8);
    -webkit-transform: scale(0.8);
        opacity: 0.0;
    }
}


@keyframes boxScale {
    from { transform: scale(1); }
    to { transform: scale(1.12) }
}


*{ margin:0; padding:0; font-size:13px; font-family:microsoft yahei; color: #333}
body{ overflow-x: hidden; }
svg { display: block; }
img{ border:0 none}
a,img{ outline:0}
a{ text-decoration:none}
li{ list-style:none}
.fl{ float:left}
.pl{ left:0}
.pl,.pr{ position:absolute}
.pr{ right:0}
.fr{ float:right}
.page{ margin:0 auto; width:1200px}
.cl,.clear{ clear:both; display: block; }
.dis{ display:none} 
.top35{ margin-top:35px}
.en{ text-transform:uppercase; font-family:arial}

.tp-banner ul li a {display: block;background-size: auto;width: 100%;height: 100%;z-index: 999;position: absolute;top: 0;}


.top {height: 100px;position: relative;z-index: 334;top: 0;transition: 0.3s all ease;background: #fff;}
.top.top_fixed {position: fixed;top: 0;width: 100%;background: #fff;box-shadow: 0 0 20px 0px rgba(0,0,0,.2);height: 70px;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
.top.top_fixed > .top_bg_page {display: none;}
.top.top_fixed > .page > .logo{padding: 10px 0;}
.top.top_fixed .NavBeta > li > a{line-height: 70px;height: 70px;}
.top.top_fixed .laug{margin:16px 0 16px 10px;}
.top.top_fixed .nav_btn{padding:17px 10px 17px 0; }
.top.top_fixed .erji_menu{top:70px}
.top > .page{width: 1300px;}
.top > .top_bg_page{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.top > .top_bg_page > .page{position: relative;height: 100%;width: 1300px;}
.top > .page > .logo{display: block;float: left;padding: 25px 0;position:relative;z-index:3;transition: 0.3s all ease;}
.top > .page > .logo > a{display: block;}
.top > .page > .logo > a > img{display: block;}
.top > .page > .logo2{display: block;float: left;padding: 40px 0 40px 15px;position:relative;z-index:3;}
.top > .page > .logo2 > a{display: block;}
.top > .page > .logo2 > a > img{display: block;}
.logo2 p span{color: #565656;background: #e5e5e5;padding:4px 8px;border-radius: 50px;margin:4px 7px 0 0px;float: left;font-size: 12px;}
.logo2 p:after{content: '';display: block;clear: both;}

.erji_menu {position: absolute;top: 100px;left: 0;width: 100%;background: rgba(245,245,245,0.9);display: none;}
.erji_menu_in{position: relative;z-index: 33334;padding:50px 0 40px;}
.erji_menu_in > .page > strong {font-size: 28px;font-weight: normal;display: block;line-height: 35px;padding: 30px 40px 30px 0;height: 60px;float: left;}
.erji_menu_in ul {float: right;width: 960px;}
.erji_menu_in ul li {  float: left; line-height: 70px; margin-right: 20px;text-align: center;}
.erji_menu_in ul li a {font-size: 14px;display: block;padding: 0;line-height: 40px;color: #454545;}

.erji_menu_in ul li a img { max-width: 100%; display: block; margin: 0 auto; height: 72px; width: auto;}
.erji_menu_in > .page > strong .en { display: block; font-size: 18px; text-transform: capitalize; color: #999; line-height: 25px;}
.erji_menu_in > .page:after {content: '';clear: both;display: block;}

.erji_menu_news .erji_menu_in ul li a img {height: 40px;padding: 20px 25px 5px;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: 0.3s all ease;}

.erji_menu_news .erji_menu_in ul li:hover a img {-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.erji_menu_in ul li:hover a{color: #005dac;}
.top_bg_l{background: url(../images/20191226133649_395484086.png) no-repeat center;width: 2990px !important;height: 16px;position: absolute;bottom: -8px;left: -1260px;transition: 0.3s all ease;z-index: 33333;}
.top_bg_r{/*! background: url(../images/20191226133618_1895504968.png) no-repeat center; *//*! width: 580px; *//*! height: 8px; *//*! position: absolute; *//*! bottom:0; *//*! left: -350px; */}
.top > .page > .nav{float: left;margin-left:70px;}
.nav > .NavBeta:after{clear:both;display: block;content: '';} 
.NavBeta > li{float: left;}
.NavBeta > li > a{display: block;font-size: 16px;color: #343434;transition:0.3s all ease;padding:0 15px;line-height: 100px;position:relative;z-index:33333333;height: 100px;transition: 0.3s all ease;}
.NavBeta > li:hover > a,.NavBeta > li.navcurrent> a{color: #005dac;}
.NavBeta > li > a:after{content: '';display: block;width: 24px;height: 24px;background: url(../images/li_z1.png) no-repeat center;position: absolute;top: 50%;margin-top: -12px;left:-20px;opacity: 0;transition: 0.3s all ease;}
.NavBeta > li:hover > a,.NavBeta > li.navcurrent > a{padding: 0 10px 0 40px;}
.NavBeta > li:hover > a:after,.NavBeta > li.navcurrent > a:after{opacity: 1;left: 10px}
.NavBeta > li#Zz1 > a:after{background: url(../images/li_z2.png) no-repeat center;}
.NavBeta > li#Zz2 > a:after{background: url(../images/li_z3.png) no-repeat center;}
.NavBeta > li#Zz3 > a:after{background: url(../images/li_z4.png) no-repeat center;}
.NavBeta > li#Zz4 > a:after{background: url(../images/li_z5.png) no-repeat center;}
.NavBeta > li#Zz5 > a:after{background: url(../images/li_z6.png) no-repeat center;}
.banner{background: url(../images/banner.jpg) no-repeat center; width: 100%;height: 640px}

.nav_btn > a {
    position: relative;
    display: block;
    float: left;
    margin-left: 10px;
    width: 36px;
    height: 36px;
}
.nav_btn > a.nav_btn_ewm > img {
    display: none;
    position: absolute;
    left: 50%;
    width: 120px;
    height: 120px;
    margin-left: -60px;
    top: 40px;
    z-index: 34343434;
}

.nav_btn > a.nav_btn_search form {
	position: absolute;
	left: 0;
	height: 36px;
	line-height: 36px;
	z-index: 335;
    width:240px;
    top:0;display: none;
}
.nav_btn > a.nav_btn_search form input#infoname {
	border: 0 none;
	height: 36px;
	line-height: 36px;
	background: #fff;
	width: 200px;
	padding: 0 0px 0 40px;
	font-size: 13px;
	color: #343434;
}


.nav_btn > a.nav_btn_search form .submit {
	position: absolute;
	left: 0;
	width: 36px;
	height: 36px;
	border: 0 none;
	background: url(../images/btn_ico1.png) no-repeat 0 0px;
	z-index: 33333;
}
.nav_btn > .nav_btn4 {
    margin-left: 20px;
}
.nav_btn > a > i{width: 36px;height: 36px;float: left;display: block;}
.nav_btn:after {
    content: '';
    clear: both;
    display: block;
}
.nav_btn {
    float: right;
    height: 36px;
    padding: 32px 0;
}
.nav_btn > a.nav_btn1 > i{background: url(../images/btn_ico1.png) no-repeat center -50px;}
.nav_btn > a.nav_btn2 > i{background: url(../images/btn_ico2.png) no-repeat center -50px;}
.nav_btn > a.nav_btn3 > i{background: url(../images/btn_ico3.png) no-repeat center -50px;}
.nav_btn > a.nav_btn4 > i{background: url(../images/btn_ico4.png) no-repeat center -50px;}
.nav_btn > a.nav_btn5 > i{background: url(../images/btn_ico5.png) no-repeat center -50px;}
.nav_btn > a.nav_btn6 > i{background: url(../images/btn_ico6.png) no-repeat center -50px;}
.nav_btn > a:hover i{background-position-y: 0;}


.laug{float: right;position: relative;width:130px;padding-left: 0px;height: 36px;border: 1px solid #f5f5f5;margin: 31px 0 31px 31px;}
.laug > ul{position: absolute;overflow: hidden;width: 100%;height: 30px;transition: 0.3s all ease;top: 0px;left: 0;background: transparent;}
.laug:hover > ul{ height:72px;background: #f5f5f5;}
.laug > ul:after{ content: ''; display: block; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #999; position: absolute; top: 16px; right: 12px; transition: 0.3s all ease; }
.laug ul li a{ display: block; padding: 0 0 0 12px; line-height: 35px; font-size: 13px;  color: #999;height: 36px;}
.laug ul li a:hover{ color: #005dac;}
.laug ul li a i{display: block;float: left;height: 16px;width: 22px;margin: 10px 10px 10px 0;}
.laug ul li a i img{display: block}


.prod_row1{font-size: 34px;font-weight: normal;color: #333;line-height: 50px;text-align: center;display: block;padding-bottom: 40px;background: url(../images/product_row1.png) no-repeat center 5px;}
.prod_row1 .small{display: block;line-height: 30px;color: #777777;font-size: 16px;display: block;font-weight: lighter;}

.products {
    padding: 15px 0 0 0;
    background: #f5f5f5;
}

.prod_row2_in .prod_item {
    float: left;
    width: 224px;
    display: block;
    margin-right: 20px;
}
.prod_row2_in:after {
    content: '';
    clear: both;
    display: block;
}
.prod_row2_in .prod_item a{display: block;background: #fff;position: relative;overflow:hidden;}
.prod_row2_in .prod_item a img {
    width: 184px;
    height: 184px;
    display: block;
    padding: 20px;
}
.prod_row2_in .prod_item a:after{content: '';display: block;width: 100%;height: 65px;position: absolute;bottom: 0;left: 0;transition: 0.3s all ease;background:#0052a1;opacity: 0;}
.prod_row2 .tempWrap{width: 1200px !important;}
.prod_row2_in .prod_item a strong{font-size: 13px;color: #343434;display: block;line-height: 65px;height: 65px;font-weight: normal;padding: 0px 20px;border-top: 1px solid #f2f2f2;position: relative;overflow:hidden;z-index: 3;transition: 0.3s all ease;}
.prod_row2_in .prod_item a strong .en{font-size: 12px;color: #aaaaaa;display: inline-block;font-weight: lighter;padding-left: 5px;transition: 0.3s all ease;}
.prod_row2_in .prod_item a strong:after{content: '';display: block;background:url(../images/product_btn_b_ico.png) no-repeat center;width: 16px;height: 18px;position:absolute;right:19px;top:50%;margin-top: -9px;transition:0.3s all ease;}
.prod_row2_in .prod_item a strong:before{content: '';display: block;background:url(../images/product_btn_w_ico.png) no-repeat center;width: 16px;height: 18px;position:absolute;right:325px;top:50%;margin-top: -9px;transition:0.3s all ease;}
.prod_row2_in .prod_item:hover a strong:after{right: -125px}
.prod_row2_in .prod_item:hover a strong:before{right: 19px}
.prod_row2_in .prod_item:hover a:after{opacity: 1;}
.prod_row2_in .prod_item:hover a strong{color: #fff;}
.prod_row2_in .prod_item:hover a strong .en{color: #fff}

.prod_row2{position: relative;}


.prod_row2x_in .prod_item {
    float: left;
    width: 285px;
    display: block;
    margin-right: 20px;
}
.prod_row2x_in:after {
    content: '';
    clear: both;
    display: block;
}
.prod_row2x_in .prod_item a{display: block;background: #fff;position: relative;overflow:hidden;}
.prod_row2x_in .prod_item a img {
    width: 245px;
    height: 245px;
    display: block;
    padding: 20px;
}
.prod_row2x_in .prod_item a:after{content: '';display: block;width: 100%;height: 65px;position: absolute;bottom: 0;left: 0;transition: 0.3s all ease;background:#0052a1;opacity: 0;}
.prod_row2x_in .prod_item a strong{font-size: 14px;color: #343434;display: block;line-height: 65px;height: 65px;font-weight: normal;padding: 0px 20px;border-top: 1px solid #f2f2f2;position: relative;overflow:hidden;z-index: 3;transition: 0.3s all ease;}
.prod_row2x_in .prod_item a strong .en{font-size: 12px;color: #aaaaaa;display: inline-block;font-weight: lighter;padding-left: 5px;transition: 0.3s all ease;}
.prod_row2x_in .prod_item a strong:after{content: '';display: block;background:url(../images/product_btn_b_ico.png) no-repeat center;width: 16px;height: 18px;position:absolute;right:19px;top:50%;margin-top: -9px;transition:0.3s all ease;}
.prod_row2x_in .prod_item a strong:before{content: '';display: block;background:url(../images/product_btn_w_ico.png) no-repeat center;width: 16px;height: 18px;position:absolute;right:325px;top:50%;margin-top: -9px;transition:0.3s all ease;}
.prod_row2x_in .prod_item:hover a strong:after{right: -125px}
.prod_row2x_in .prod_item:hover a strong:before{right: 19px}
.prod_row2x_in .prod_item:hover a:after{opacity: 1;}
.prod_row2x_in .prod_item:hover a strong{color: #fff;}
.prod_row2x_in .prod_item:hover a strong .en{color: #fff}

.prod_row2x{position: relative;}

.prod_row2x_page{padding: 50px 0 0;}


.prod_row2t_in .prod_item {
    float: left;
    width: 285px;
    display: block;
    margin-right: 20px;
    margin-bottom: 20px;
}
.prod_row2t_in .prod_item:nth-child(3n) {
    margin-right: 0;
}
.prod_row2t_in:after {
    content: '';
    clear: both;
    display: block;
}
.prod_row2t_in .prod_item a{display: block;background: #fff;position: relative;overflow:hidden;}
.prod_row2t_in .prod_item a img {
    width: 245px;
    height: 245px;
    display: block;
    padding: 20px;
}
.prod_row2t_in .prod_item a:after{content: '';display: block;width: 100%;height: 65px;position: absolute;bottom: 0;left: 0;transition: 0.3s all ease;background:#0052a1;opacity: 0;}
.prod_row2t_in .prod_item a strong{font-size: 14px;color: #343434;display: block;line-height: 65px;height: 65px;font-weight: normal;padding: 0px 20px;border-top: 1px solid #f2f2f2;position: relative;overflow:hidden;z-index: 3;transition: 0.3s all ease;}
.prod_row2t_in .prod_item a strong .en{font-size: 12px;color: #aaaaaa;display: inline-block;font-weight: lighter;padding-left: 5px;transition: 0.3s all ease;}
.prod_row2t_in .prod_item a strong:after{content: '';display: block;background:url(../images/product_btn_b_ico.png) no-repeat center;width: 16px;height: 18px;position:absolute;right:19px;top:50%;margin-top: -9px;transition:0.3s all ease;}
.prod_row2t_in .prod_item a strong:before{content: '';display: block;background:url(../images/product_btn_w_ico.png) no-repeat center;width: 16px;height: 18px;position:absolute;right:325px;top:50%;margin-top: -9px;transition:0.3s all ease;}
.prod_row2t_in .prod_item:hover a strong:after{right: -125px}
.prod_row2t_in .prod_item:hover a strong:before{right: 19px}
.prod_row2t_in .prod_item:hover a:after{opacity: 1;}
.prod_row2t_in .prod_item:hover a strong{color: #fff;}
.prod_row2t_in .prod_item:hover a strong .en{color: #fff}


.prod_btn_l {
    background: url(../images/product_btn_l.png) no-repeat center;position:absolute;width:24px;height:50px;left:-80px;top:50%;margin-top: -25px;opacity: 0.3;transition:0.3s all ease;cursor: pointer;
}
.prod_btn_r {
    background: url(../images/product_btn_r.png) no-repeat center;position:absolute;width:24px;height:50px;right:-80px;top:50%;margin-top: -25px;opacity: 0.3;transition:0.3s all ease;cursor: pointer;
}
.prod_btn_l:hover,.prod_btn_r:hover{opacity: 0.8}

.prod_btn_l1 {
    background: url(../images/product_btn_l.png) no-repeat center;position:absolute;width:24px;height:50px;left:-80px;top:50%;margin-top: -25px;opacity: 0.3;transition:0.3s all ease;cursor: pointer;
}
.prod_btn_r1 {
    background: url(../images/product_btn_r.png) no-repeat center;position:absolute;width:24px;height:50px;right:-80px;top:50%;margin-top: -25px;opacity: 0.3;transition:0.3s all ease;cursor: pointer;
}
.prod_btn_l1:hover,.prod_btn_r1:hover{opacity: 0.8}


/*首页产品展示*/
.protitle{ text-align:center; font-size:40px; padding-top:50px;}
.protitle b{font-weight:normal;font-size: 36px;}
.protitle b i{color:#006db8; font-weight:bold;font-size: 36px;}
.protitle span{ display:block; font-size:18px; font-weight:lighter; margin:5px 0 10px 0;}
.protitle em{ display:inline-block; height:12px;}
.protitle em i{ display:inline-block; width:12px; height:12px; border-radius:50%; background:#b3b3b3;animation: bounce_fountainG 1.2s linear infinite;} 
.protitle em i+i{ margin-left:10px;}
.protitle em i:nth-child(1){animation-delay: .4s;}
.protitle em i:nth-child(2){background:#006db8;animation-delay: .6s;}
.protitle em i:nth-child(3){animation-delay: .8s;}

.news_product_bg{ width:1200px; margin:0 auto;}

.news_product_tab{ width:1200px; margin:15 auto;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; height:50px;}
.news_product_tab li{ width:108px; border:1px solid #dbdbdb; line-height:48px; text-align:center; position:relative; font-size:18px; color:#666; font-weight:lighter; transition:all .3s ease; cursor:pointer;    margin: 0 5px;}
.news_product_tab li+li{margin-left:-1px;}
.news_product_tab li.on{ color:#fff; background:#006db8;}
.news_product_tab li.on a{color:#fff; font-size:15px; font-weight:bold;}

.news_product_bg_c_bg{ position:relative; height:760px; margin-top:30px;}
.new_product_bg_c ul{position:relative; height:760px; font-weight:lighter;}

.news_propic{ width:560px; height:684px; position:relative; overflow:hidden; margin-right: 20px; }
.news_propic a{ display:block; width:100%; height:100%;}
.news_propic img{ width:100%; height:90%; transition:all 0.5s linear;}
.news_propic p{ font-size:22px; color:#333; bottom:0px; right:198px; position:absolute;  z-index:3;}
.news_propic a:after{ content:''; display:block; width:100%; height:0px; bottom:0px; left:0px; position:absolute;background: linear-gradient(to top, #fff, transparent); transition:all 0.5s linear; opacity:0.4;}
.news_propic:hover a:after{ height:100%;}
.news_propic:hover img{ transform:scale(1.3); }
.news_propic:hover p{ color:#222;}

.newprocen{width:610px;}
.newprocen .productsss li{width:295px; float:left;}
.newprocen .productsss li+li{margin-left:20px;}
.newprocen .productsss li:nth-child(3){margin-left:0 !important;}
.newprocen .productsss li:nth-child(3),.newprocen .productsss li:nth-child(4){margin-top:10px !important;}
.newprocen .productsss li .img>a{width:295px; height:295px; overflow:hidden; display:block;}
.newprocen .productsss li .img img{ width:100%; height:100%;}
.newprocen .productsss li .img{width:295px; transition:0.5s;}
.newprocen .productsss li:hover img{transform:scale(1.1);transition:0.5s;}


/*.newprocen .productsss:hover a img{ transform:scale(1.2); }*/
.newprocen .productsss li .title{width:293px; border:1px solid #ddd;}
.newprocen .productsss li .title a{width:100%; height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; line-height:40px; text-align:center; display:block;}
.newprocen .productsss li .title a:hover{font-size:16px; color:#fff; background:#006db8;}
/*首页产品展示*/

.case_row1{font-size: 34px;font-weight: normal;color: #333;line-height: 50px;text-align: center;display: block;}
.case_row1 .small{display: block;line-height: 30px;color: #777777;font-size: 16px;display: block;font-weight: lighter;
}

.case {
    padding: 40px 0;
    background: #fff;
}
.case_row2:after{content: '';display: block;clear: both;}
.case_item{width: 238px;height: 180px;display: block;background: #f5f5f5;float: left;margin-right: 2px;margin-bottom: 2px; position: relative;overflow:hidden;}
.case_item > img{content: '';display: block;width: 100%;height:100%;position: absolute;transition: 0.3s all ease;
top:0;left:0;opacity: 0;filter: opacity(0);}
.case_item:nth-child(5n){display: block;width: 240px;margin-right: 0}
.case_item > i {
    position: absolute;
    right: 25px;
    bottom: 20px;z-index: 3;
}
.case_item > strong{display: block;color: #343434;font-weight: normal;font-size: 22px;line-height: 30px;padding: 30px;z-index: 3;position: relative;transition:0.3s all ease;}
.case_item > strong > .small{color: #888;font-weight: 100;font-size: 16px;line-height: 30px;display: block;transition:0.3s all ease;}
.case_item:hover > strong{color: #fff}
.case_item:hover > img{opacity:1;filter: opacity(100);}
.case_item:hover > strong > .small{color:#fff}

.index_about{background: url(../images/about_bg.jpg) no-repeat center;width: 100%;height: 640px;padding:90px 0;}
.about_row1:after{content: '';display: block;clear: both;}
.about_row1{height: 100px;padding-bottom: 120px;}
.about_r1_item{display: block;float: left;margin:0 0 0 70px;}
.about_r1_item:first-child{margin: 0;}
.about_r1_item strong{font-family:arial,microsoft yahei;font-size: 42px;color: #fff;font-weight: bold;height:50px;padding:5px 0;display:block;}
.about_r1_item strong img{display: block;}
.about_r1_item strong .small{font-family:arial,microsoft yahei;font-size: 22px;color: #fff;display: inline-block;vertical-align: middle;font-weight: 100;}
.about_r1_item p{font-size: 16px;color: #c1c1c1;line-height: 30px;font-weight: lighter; }

.about_row2{height: 300px;padding: 60px;width: 1080px;}
.ab_r_l{float: left;width: 560px;}
.ab_r_l_tit{font-size: 32px;font-weight: normal;line-height: 40px;display: block;color: #343434}
.ab_r_l_tit .small{font-size: 18px;font-weight: 100;color: #666;display: block;line-height: 35px;}


.ab_r_l_cont{display: block;padding:30px 0;}
.ab_r_l_cont p{line-height: 30px;color: #666;font-size: 15px;font-weight: 100;text-indent: 2em;}
.ab_r_l_btn:after{content: '';display: block;clear: both;}
.ab_r_l_btn a{font-size: 16px;color: #343434;line-height:25px;padding-left:40px;display:block;margin-right:70px;float:left;}
.ab_r_l_btn a .en{display: block;font-size: 12px;font-family: arial;color: #888;line-height: 12px;text-transform: capitalize;padding-bottom: 5px;}
.ab_r_l_btn a:nth-child(1){background: url(../images/about_btn1.png) no-repeat 0 center;}
.ab_r_l_btn a:nth-child(2){background: url(../images/about_btn2.png) no-repeat 0 center;}
.ab_r_l_btn a:nth-child(3){background: url(../images/about_btn3.png) no-repeat 0 center;}

.ab_r_r * {
    color: #fff;
}
.ab_r_r {
    width: 480px;
    height: 300px;
    float: right;
    position: relative;
}


.ab_r_r .lightbox{ display: block; width:100%; height:100%; position:absolute; z-index: 3;top: 0;}
.ab_r_r .lightbox .img{ display: block; width: 60px; height: 60px; padding: 0; /*! border: 2px solid #fff; */border-radius: 50%; overflow: hidden; position: absolute; top: 50%; left: 50%; z-index: 3; margin-left: -30px; margin-top: -30px; background: #254cb3;background: -moz-linear-gradient(45deg, #254cb3 0%, #3974cd 100%);background: -webkit-linear-gradient(45deg, #254cb3 0%,#3974cd 100%);background: linear-gradient(45deg, #254cb3 0%,#3974cd 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#254cb3', endColorstr='#3974cd',GradientType=1 );}
.ab_r_r .lightbox .img img{ width: 100%; height: 100%; display: block}

.pulse{ position:absolute; top:50%; left:50%; z-index:1; margin-top:-60px; margin-left:-60px; width:120px; height:120px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#254cb3; background: -moz-linear-gradient(45deg, #254cb3 0%, #3974cd 100%); background: -webkit-linear-gradient(45deg, #254cb3 0%,#3974cd 100%); background: linear-gradient(45deg, #254cb3 0%,#3974cd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#254cb3', endColorstr='#3974cd',GradientType=1 ); /*! box-shadow:1px 1px 20px #b90000; */ opacity:0; -webkit-animation:warn 2s ease-out 1s; -moz-animation:warn 12 ease-out 1s; animation:warn 2s ease-out 1s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; transform:scale(0); }
.pulse1{ position:absolute; top:50%; left:50%; z-index:1; margin-top:-60px; margin-left:-60px; width:120px; height:120px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#254cb3; background: -moz-linear-gradient(45deg, #254cb3 0%, #3974cd 100%); background: -webkit-linear-gradient(45deg, #254cb3 0%,#3974cd 100%); background: linear-gradient(45deg, #254cb3 0%,#3974cd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#254cb3', endColorstr='#3974cd',GradientType=1 ); /*! box-shadow:1px 1px 20px #b90000; */ opacity:0; -webkit-animation:warn 2s ease-out; -moz-animation:warn 2s ease-out; animation:warn 2s ease-out; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; transform:scale(0); }


.ab_r_r #my-video {
    width: 100%;
    height: 100%;
}
.video-js .vjs-tech{width: 100%;height: 100%;}
.vjs-poster{background-size: cover}
.vjs-big-play-button .vjs-icon-placeholder {
    font-size: 22px;
}
.video-js .vjs-play-progress:before {
    top: -0.2em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.2em;
}


.news{background: #f5f5f5;padding: 70px 0;width: 100%;}
.news_row1{display: block;padding-bottom: 20px;position: relative;}
.news_row1_l{display: block;float: left;padding-left: 80px;background: url(../images/news_row1_l.jpg) no-repeat left center;font-size: 28px;font-weight: normal;color: #343434;line-height: 35px;}
.news_row1_l a{font-size: inherit;color: inherit;display: block;line-height: 30px;}
.news_row1_l .small{font-size: 14px;font-weight: lighter;color: #999;line-height:20px;display: block;padding: 5px 0 5px;}


.news_row1:after{content: '';display: block;height: 1px;width: 930px;background: #e5e5e5;position: absolute;right: 0;bottom: 30px;}

.news_row1_r{float: right;}
.news_row1_r ul:after{content:'';display:block;clear:both;}
.news_row1_r ul li{float: left;margin-left:30px;position:relative;display: block;line-height: 35px;height: 50px;}
.news_row1_r ul li a{font-size: 16px;color: #343434;display: block;padding: 0 10px;}
.news_row1_r ul li:hover a,.news_row1_r ul li.on a{color: #005dac;}
.news_row1_r ul li:after{content: '';transition: 0.3s all ease;position: absolute;width: 0%;height: 2px;bottom: 0;left: 0;display: block;background: #005dac;z-index: 3;transition: 0.3s all ease;}
.news_row1_r ul li:hover:after,.news_row1_r ul li.on:after{width: 100%}


.news_row2{padding: 40px 0 0}
.news_row2_in .fl,.news_row2_in .fr{width: 560px}
.news_cur_item{position: relative;padding:0 0 35px 100px;width:460px;height: 120px;border-bottom: 1px dashed #ddd;margin-bottom: 15px;display:block;}
.news_cur_item span{background: url(../images/news_date.jpg) no-repeat center;width: 75px;display: block;position:absolute;left:0;color: #fff;text-align: center;line-height: 20px;height: 50px;padding: 35px 0;font-family:arial;font-size: 13px;
}
.news_cur_item span i{display: block;font-size: 22px;font-weight: bold;font-style: normal;color: #FFF;line-height: 30px;font-family:arial}

.news_cur_item strong{line-height: 40px;display: block;font-size: 18px;font-weight: normal;color: #343434;transition: 0.3s all ease;}
.news_cur_item p{font-size: 13px;color: #999;line-height: 22px;font-weight: 100;}
.news_cur_item:after{content: '';display: block;width: 30px;height: 9px;background: url(../images/news_item_j.jpg) no-repeat center;position: absolute;bottom: 45px;left:100px}
.news_cur_item:hover strong{color:#005dac}
.news_cur_item:hover span{background: url(../images/news_date_cur.jpg) no-repeat center}
.news_item{display: block;}
.news_item:after{content: '';display: block;clear: both;}
.news_item p{float: left;line-height: 40px;font-size: 14px;color: #444;font-weight: lighter;width: 480px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_item span{float: right;font-family: arial;color: #aaa;line-height: 40px;width: 80px;text-align: right;}
.news_item:hover p{color:#005dac}

.Customer{padding: 50px 0;}
.Customer_row1{display: block;padding-bottom: 20px;position: relative;}
.Customer_row1_l{display: block;float: left;padding-left: 80px;background: url(../images/Customer_row1_l.png) no-repeat left center;font-size: 28px;font-weight: normal;color: #343434;line-height: 35px;}
.Customer_row1_l a{font-size: inherit;color: inherit;display: block;line-height: 30px;}
.Customer_row1_l .small{font-size: 14px;font-weight: lighter;color: #999;line-height:20px;display: block;padding: 5px 0 5px;font-family: arial;}


.Customer_row1:after{content: '';display: block;height: 1px;width:860px;background: #e5e5e5;position: absolute;right: 125px;bottom: 60px;}
.Customer_row1_r{width: 80px;height: 28px;display: block;background: url(../images/Customer_row1_r.png) no-repeat center;position: absolute;font-weight: 100;right: 0;z-index: 3;top: 5px;font-size: 13px;color: #fff;line-height: 27px;text-align: center;padding-right: 20px;}

.client_btn_l{background: url(../images/client_btn_l.png) no-repeat center;width: 15px;height: 30px;position: absolute;left: 20px;top: 50%;margin-top: -15px;opacity: 0.4;cursor: pointer;}
.client_btn_r{background: url(../images/client_btn_r.png) no-repeat center;width: 15px;height: 30px;position: absolute;right: 20px;top: 50%;margin-top: -15px;opacity: 0.4;cursor: pointer;}
.Customer_item {
    width: 160px;
    margin: 0 30px;
}

.Customer_row2 .tempWrap {
    margin: 0 auto;
}
.Customer_row2{
    position: relative;
}
.Customer_item a img {
  display: block;
  width: 100%;
}
.Customer_item a {
  display: block;
}
.client_btn_l:hover{opacity:1}
.client_btn_r:hover{opacity:1}

.copy_row1{background: #141a24;padding: 40px 0; }
.copy_row2{background: #0b0e14;width: 100%;height: 70px;line-height: 70px;}


.copy_row1 .add_tit ul li {
    float: left;
    color: #6c7480;
    font-size: 17px;
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
    line-height: 40px;
    cursor: pointer;
}
.copy_row1 .add_tit ul:after {
    content: '';
    display: block;
    clear: both;
}
.copy_row1 .add_tit ul li:after {
    content: '';
    clear: both;
    position: absolute;
    width: 1px;
    height: 40%;
    right: 0;
    top: 30%;
    background: #2b3442;
}
.copy_row1 .add_tit ul li:nth-last-child(1):after{display: none;}

.copy_row1 .add_cont .add_cont_in p {
    font-size: 14px;
    font-weight: lighter;
    color: #dce0e7;
    line-height: 25px;
}

.copy_row1 .add_cont {
    width: 400px;
    height: 120px;
    position: relative;
}
.copy_row1 .add_cont .add_cont_in {
    padding: 10px 0 35px;
    background: url(../images/copy_add.png) no-repeat left bottom;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.copy_row1 .add_tit ul li.cur{color: #fff;}
.copy_row1 .fr > ul{float: left;padding: 0 20px 0 0;}
.copy_row1 .fr > ul li{}

.copy_row1 .fr > ul.co_li_sec {
	width: 210px;
}
.copy_row1 .fr > ul.co_li_sec li {
	float: left;width: 100px;padding-right: 5px;
}
.copy_row1 .fr > ul li a{font-weight: lighter;color: #a6acb5;line-height: 26px;font-size: 13px;display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.copy_row1 .fr > ul strong{}
.copy_row1 .fr > ul strong a{display: block;font-size: 17px;font-weight: normal;color: #fff;line-height:50px;}

.copy_row1 .fr > ul li:hover a {
    color: #fff;
    text-decoration: underline; 
}
.friendlink > strong{padding-right: 20px;float: left;font-size: 16px;color: #949ba7;background: url(../images/friend_l.png) no-repeat 0 center;padding-left: 30px;font-weight: normal;}

.friend_link_r {
}
.friendlink {
    float: left;
    width: 620px;
}
.friend_link_r a {
    color: #a2a9b5;
    font-weight: lighter;
    display: block;
    margin-right:5px;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 70px;
}
.friend_link_r a:hover {
    color: #fff;
    text-decoration: underline;
}

.friendlink_in {
    float: left;
    width: 500px;
  }
  .friendlink_next,.friendlink_prev {
    float: left;
    width: 20px;
    height: 20px;
    padding: 25px 10px;
    cursor: pointer;
}
  .friendlink_in .tempWrap {
    float: left;
  }

.copy_row2 > .page .fr {
    color: #777e8b;font-size: 13px;
}
.copy_row2 > .page .fr a {
    color: inherit;font-size: inherit
}
.copy_row2 > .page .fr a:hover {
    color: #fff;
}


.copy_row1 .fr > ul.co_li_sec1 li {
    width: 180px;
  }
  .copy_row1 .fr > ul.co_li_sec1 {
    width: 370px;
  }


.nav_tc_tel{ display: none;position: absolute;top: 60px;background: #f5f5f5;padding: 10px 20px;z-index: 33333;width: 180px;border-radius: 10px;box-shadow: 0 0 5px 0px rgba(0,0,0,0.1);left: -92px;}
.nav_tc_tel:after{content: '';
display: block;
width: 0;
height: 0;
border-right:15px solid transparent;
border-left: 15px solid transparent;
border-bottom: 15px solid #f5f5f5;
position: absolute;
top: -15px;
left: 50%;
transition: 0.3s all ease;
margin-left: -15px;
}
.nav_tc_tel ul li{line-height: 42px;height: 42px;font-size: 14px;color: #666;}
.nav_tc_tel ul li img{display: inline-block;vertical-align: middle;padding-right: 10px}


.add_qq {
    font-size: 14px;
    color: #dce0e7;
    line-height: 32px;
    font-weight: lighter;
    padding-top: 100px;
    padding-left: 30px;
}

.tp-bgimg.defaultimg{
    animation: boxScale 18s infinite 1s alternate; 
    -webkit-animation: boxScale 18s infinite 1s alternate; 
    -moz-animation: boxScale 18s infinite 1s alternate; 
}